.self-info {
  .avatar-wrap, .qrcode-wrap {
    width:100%;
    margin-bottom:20px;
    padding-top:100%;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    .avatar {
      background-image:url('./assets/self.jpeg');
      position: absolute;
      width:100%;
      height:100%;
      background-size: cover;
      left:0;
      top:0;
      &.qrcode {
        background-image:url('./assets/qr_code.jpg');
        transform: scale(1.2)
      }
    } 
  }
  .qrcode-wrap {
    margin-top:20px;
  }
  .user-info {
    h4 {
      font-size: 22px;
      columns: #333;
      font-weight: normal;
    }
    p {
      color: #666;
      font-size: 14px;
    }
  }
}